<style lang="scss" scoped>
    .progress{
        width: 300px;
        height: 10px;
        border-radius: 5px;
        background-color: pink;
        .item{
            width: 10%;
            height: 10px;
            border-radius: 5px;
            background-color: black;
            transition: all 0.3s;
        }
    }
</style>
<template lang="">
    <div>
        <div class="progress">
            <div class="item" :style="{
                width
            }">

            </div>
        </div>
        <button @click="$emit('change','add')">
            增加
        </button>
        <button @click="$emit('change','del')">
            减少
        </button>
    </div>
</template>
<script>
export default {
    props: {
        width: [String]
    }
}
</script>